﻿@using giaoxuhaison.Models;
@{
    ViewBag.Title = "Home Page";
}

@{
    var lstLabel = (List<LabelAll>)ViewData["lstLabel"];    
}

<div class="main">
    <div class="HeaderContent">
        <div class="LeftHeader">
            <div class="PannelView"> 
                <!--test tin tuc-->
                @Html.Action("NewNews", "News")
                <!--end-->                    
            </div>
            <div class="divspace">
            </div>
            <div class="MidPanel">
                @if (lstLabel.Count > 0)
                {
                    <div class="HeadTitle">@lstLabel[0].Subject</div>
                    <div class="HeadDesc"><i>@lstLabel[0].Author</i></div>
                    <div class="HeadContent">@MvcHtmlString.Create(lstLabel[0].Contents)</div>
                }
                @*<img src='@Url.Content("~/Images/Banner/mid_banner.jpg")' />*@
            </div>
        </div>
        <div class="RightHeader">
            <div class="RightTitle">
                @Html.Label("THÔNG BÁO", new { @class = "lblLeftTitle" })                
            </div>
            <div class="Inform">
            <!--phan nay hien thi thong bao moi cua giao xu--> 
                @Html.Action("NewInform", "Inform")
            </div>        
            <div class="divspace"></div>
            <!--SUY NIEM LOI CHUA-->                    
            <div class="RightTitle">
                @Html.Label("SUY NIỆM LỜI CHÚA", new { @class = "lblLeftTitle" })                
            </div>
            <div class="GodTitle">
                <!--Hien thi phan loi Chua moi-->
                @Html.Action("NewGodTitle", "GodTitle")
            </div>
        </div>
    </div>

    <div class="ContentView" id="tabs">
        <!-- danh sach cac sach theo danh muc duoc cho phep hien thi tren trang chu-->  
        <ul>
            <li><a href='#tab1'>Sinh Hoạt Giáo Xứ</a></li>
            <li><a href="#tab2">Tin Giáo Phận</a></li>
            <li><a href="#tab3">Tin Giáo Hội Việt Nam</a></li>
            <li><a href="#tab4">Tin Giáo Hội Hoàn Vũ</a></li>
            <li><a href="#tab5">Văn Hóa</a></li>
        </ul>        
        <div id="tab1">@Html.Action("TabNews", "News", new { GroupID = 1 })</div> 
        <div id="tab2">@Html.Action("TabNews", "News", new { GroupID = 2 })</div> 
        <div id="tab3">@Html.Action("TabNews", "News", new { GroupID = 3 })</div>
        <div id="tab4">@Html.Action("TabNews", "News", new { GroupID = 4 })</div>
        <div id="tab5">@Html.Action("TabCulture", "Culture")</div>
    </div>    
    <!--hien thi hinh anh sinh hoat giao xu-->
    <div class="ImgPanelTitle" style="color:#990000;">        
        <a href='@Url.Action("ImgVideoGroup", "Categories", new { GroupID = 40})'>HÌNH ẢNH SINH HOẠT GIÁO XỨ</a>@*<a href='@Url.Action("CategoryDetail", "Categories", new { CategoryID = item.CategoryID, GroupID = item.GroupID })'>@item.Subject</a>        *@
    </div>
    <div class="ImgPanelView">
        @Html.Action("PanelImages", "Categories")
    </div>
</div>

<script type="text/javascript">
    $(function () {
        $("#tabs").tabs({
            show: function () {
                $(window).scroll();
            },
            beforeLoad: function (event, ui) {
                ui.jqXHR.error(function () {
                    ui.panel.html(
                        "Couldn't load this tab. We'll try to fix this as soon as possible. " +
                        "If this wouldn't be a demo.");
                });
            }
        });        
    });    
</script>

